<?php include('../Vue/banniere.php'); ?>
<section>
	<?php include('../Vue/info.php'); ?>
	<div id="corps">		
		<div id="erreur">
		<!-- On stocke les messages d'erreurs qui pourraient s'afficher -->
			<p id="erreur1" style="display:none">Le nom doit comporter au moins 2 caractères.</p>
			<p id="erreur2" style="display:none">Le prénom doit comporter au moins 2 caractères.</p>
			<p id="erreur3" style="display:none">Le pseudo doit comporter au moins 5 caractères.</p>
			<p id="erreur4" style="display:none">Le pseudo que vous avez choisi n'est pas disponible.</p>
			<p id="erreur5" style="display:none">Le mot de passe doit comporter entre 6 et 16 caractères.</p>
			<p id="erreur6" style="display:none">Vous avez fait une erreur de saisie dans votre mot de passe.</p>
			<p id="erreur7" style="display:none">Le format du téléphone n'est pas valide.</p>
			<p id="erreur8" style="display:none">Le format de l'adresse email n'est pas valide.</p>
			<p id="erreur9" style="display:none">L'adresse mail saisie n'est pas disponible.</p>
		</div>
		
		<form method="post" action="../Controleur/inscription_utilisateur.php">
			<p><br />Veuillez remplir ce formulaire afin de valider votre inscription.<br />Les champs marqués d'une * sont obligatoires.</p>		
			<p><input type="radio" name="civilite" value="H" <?php if(isset($_POST['civilite']) && $_POST['civilite'] == "F") {echo '';} else {echo 'checked';} ?> />M. 
			<input type="radio" name="civilite" value="F" <?php if(isset($_POST['civilite']) && $_POST['civilite'] == "F") {echo 'checked';} ?>/>Mme.</p>
			<table id="formulaire_utilisateur">
				<tr>
					<td>Nom* : </td>
					<td><input type="text" name="nom" size="20" value="<?php if(isset($_POST['nom'])) {echo $_POST['nom'];} ?>" required onkeyup="tailleMinimale(this, 2)" /></td>
					<td id="nom" style="display:none"> Nom trop court </td>
				</tr>
				<tr>
					<td>Prénom* : </td>
					<td><input type="text" name="prenom" size="20" value="<?php if(isset($_POST['prenom'])) {echo $_POST['prenom'];} ?>" required onkeyup="tailleMinimale(this, 2)" /></td>
					<td id="prenom" style="display:none"> Prénom trop court </td>
				</tr>
				<tr>
					<td>Pseudo* : </td>
					<td><input type="text" name="pseudo" size="20" maxlength="16" value="<?php if(isset($_POST['pseudo'])) {echo $_POST['pseudo'];} ?>" required onkeyup="pseudoValide(this)" /></td>
					<td id="pseudo" style="display:none"></td>
				</tr>
				<tr>
					<td>Mot de passe* : </td>
					<td><input type="password" name="mdp" id="mdp_initial" size="16" maxlength="16" required onkeyup="tailleMinimale(this, 6)"/></td>
					<td id="mdp" style="display:none"> Mot de passe trop court </td>
				</tr>
				<tr>
					<td>Confirmation du mot de passe* : </td>
					<td><input type="password" name="confirmation_mdp" size="16" maxlength="16" required onkeyup="compareMDP(this)"/></td>
					<td id="confirmation_mdp" style="display:none"> Mots de passe différents </td>
				</tr>
					<td>Téléphone* : </td>
					<td><input type="text" name="tel" size="20" value="<?php if(isset($_POST['tel'])) {echo $_POST['tel'];} ?>" required onkeyup="verifieTel(this)" /></td>
					<td id="tel" style="display:none"> Format non valide </td>
				</tr>
				<tr>
					<td>Adresse email* : </td>
					<td><input type="email" name="mail" size="20" value="<?php if(isset($_POST['mail'])) {echo $_POST['mail'];} ?>" required onkeyup="verifieMail(this)" /></td>
					<td id="mail" style="display:none"> Format non valide </td>
				</tr>
				<tr>
					<td>Catégories préférées : </td>
					<td><?php alerteCategories(); ?></td>
				</tr>				
			</table>
				<input type="hidden" name="statut" value="utilisateur" />						
				<p><input type="submit" value="Valider l'inscription" /></p>
		</form>
	</div>
</section>
<?php include('pied_de_page.php'); ?>